html {background:#aaa;}
body {
  background:#f1f1f1;
  margin:0;
  padding:0;
  border:0;
  color:#000;
  font-family:"roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:14px;
  font-weight:400;
  line-height:1.5em;
  font-style:normal;
  overflow-x:hidden;
}
.clear {clear:both !important;}
a:link, a:visited, a:active, a:hover {
    text-decoration: none;
    color: rgb(85, 85, 85);
}
/* layout */
#outer-wrapper,body,html,#content-wrapper,#main,.post-body {
  width:100%;
  margin:0 auto;
  padding:0;
  text-align:left;
}

/* header */
#header-wrapper {
  width:100%;
  border:0;
  margin:0 auto;
  padding:0 0 15px;
}
header.header {
  text-align:left;
  height:auto;
  width:100%;
  overflow:hidden;
  display:none;
  background-color:rgba(26,26,26,.5);
  -webkit-box-shadow:0 -1px 4px hsla(0,0%,0%,.9),0 4px 12px rgba(0,0,0,.5),0 1px 0 hsla(0,0%,100%,.2)inset;
  -moz-box-shadow:0 -1px 4px hsla(0,0%,0%,.9),0 4px 12px rgba(0,0,0,.5),0 1px 0 hsla(0,0%,100%,.2)inset;
  box-shadow:0 -1px 4px hsla(0,0%,0%,.9),0 4px 12px rgba(0,0,0,.5),0 1px 0 hsla(0,0%,100%,.2)inset;
}
.s-about,s-gallery {display:none;}
header.header {margin:0 0 60px 0;}
header.header section.header11 {
  width:1000px;
  margin:0 auto;
}
header.header section.header11 .PageList li.selected a {
  padding:23px 15px 17px 15px;
  color:#C6EB04;
  text-shadow:0 0 10px #C6EB04 background-color:rgba(255,255,255,0.1);
  border:4px solid rgba(255,255,255,0.03);
  border-top-color:rgba(255,255,255,0.04);
  border-bottom-color:#C6EB04;
  -webkit-box-shadow:0 5px 12px rgba(0,0,0,.7);
  -moz-box-shadow:0 5px 12px rgba(0,0,0,.7);
  box-shadow:0 5px 12px rgba(0,0,0,.7);
}
header.header section.header11 .nav {
  width:100%;
  height:auto;
  overflow:hidden;
  margin-bottom:0;
  padding-bottom:18px;
  padding-top:18px;
  text-align:left;
}
header.header section.header11 .nav li {
  display:inline;
  font-weight:normal;
}
header.header section.header11 .nav a {
  position:relative;
  z-index:999;
  padding:123px 20px 0 20px;
   !important color:#444;
  font-size:15px !important;
  text-shadow:none !important;
  text-transform:uppercase;
}
header.header section.header11 .nav a:hover {color:#fff;}
a.x-templates {display:none;}

/* xXx */
.post img {border:none;}
.post ul,.post ol {list-style:none;}
.post ul li {
  padding-left:5px;
  margin-left:5px;
}
.post ol li {
  padding-left:5px;
  margin-left:10px;
}
.post {line-height:20px;}
.post h3 {
  background:none;
  border:none;
}
li {line-height:160%;}
.post h3 a,.post-footer {display:none;}
div#bawahkoh,.panel {text-align:left;}

/*SLIDEOUT*/
#slideout {
  position:fixed;
  top:0;
  left:-360px;
  width:300px;
  height:100%;
  margin-right:50px;
  padding:290px 15px 15px 15px;
  z-index:1000;
  font-size:14px;
  font-weight:bold;
  color:#222;
  line-height:20px;
  background-color:#f4f4f4;
}
li.s-templates {display:none !important;}
.article #slideout {
  padding:70px 28px 0 28px;
  overflow:hidden;
}
#slideout .judul-atas-slide {
  margin:8px 0 10px 0;
  font-size:72px;
  color:#555;
}
#slideout p.text-slide {
  margin-bottom:2px;
  color:#222;
  text-shadow:none;
}
#slideout a {color:#222;}
#slideout a:hover {color:#777;}
.text-meta {
  float:left;
  margin:70px 0 0 0;
}
.text-meta li {
  margin:0 0 2px 0;
  overflow:hidden;
  list-style-type:square;
  font-family:roboto,arial,sans serif!Important;
  transition:all .2s ease-in-out;
  -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  -ms-transition:all .2s ease-in-out;
  color:#555;
  text-shadow:0 1px 0 #fff !important;
  text-overflow:ellipsis;
  font-size:12px !important;
  font-weight:bold !important;
  overflow:hidden;
  height:58px;
  margin:0 0 10px 0;
}
.text-meta li .one-2 a {
  color:#777 !important;
  text-decoration:underline!Important;
}
.text-meta li .one-2 {
  padding:17px 20px!Important;
  display:inline-block;
  text-shadow:none;
  color:#777 !important;
  float:left;
}
.text-meta li .one-1 {
  width:1em!Important;
  height:1em!Important;
  border:2px solid #d0d0d0;
  margin:0;
  padding:12px;
  color:#777;
  float:left;
  text-shadow:none;
  font-size:30px;
  text-align:center !important;
  border-radius:20em;
  -webkit-border-radius:20em;
}
.footer-201 small {
  font-size:11px;
  color:#888;
  margin-top:25px;
}
.footer-201 small a {
  color:#888 !important;
  font-size:10px;
  font-weight:bold;
  border:none !important;
  text-decoration:none !important;
}
.article #slideout-holder {
  position:fixed;
  top:25px;
  left:-140px;
  width:130px;
  z-index:100;
}
.article #slideout-holder li,.article #notice-top-menu li {
  width:35px;
  height:35px;
  float:left;
  list-style-type:none;
  cursor:pointer;
}
.article #slideout-holder li a,.article #notice-top-menu li a {
  display:block;
  width:100%;
  height:100%;
  border:0;
}
.article #slideout-holder li a:hover {background-position:0 0;}
.article #slideout-expand {
  display:block;
  background-image:url(../image/spirt-1.png);
  background-repeat:no-repeat;
  background-position:0 -245px;
}
.article #slideout-expand:hover {background-position:0 -210px;}
.article #slideout-collapse {
  display:none;
  background-image:url(../image/spirt-1.png);
  background-repeat:no-repeat;
  background-position:0 -175px;
}
.article #slideout-collapse:hover {background-position:0 -140px;}
.article #home {
  margin-left:5px;
  background-image:url(../image/spirt-1.png);
  background-repeat:no-repeat;
  background-position:0 -315px;
}
.article #home:hover {
  margin-left:5px;
  background-position:0 -280px;
}

/*navigasi*/
.article .nav {
  position:fixed;
  bottom:50px;
  left:-140px;
  width:340px;
  height:auto;
  overflow:hidden;
  z-index:100;
  background-color:transparent;
}
.article #notice {
  position:fixed;
  bottom:50px;
  right:-140px;
  width:300px;
  height:auto;
  overflow:hidden;
  z-index:100;
  background-color:transparent;
}
.article #notice-top-menu {
  display:none;
  position:fixed;
  top:25px;
  right:-340px;
  width:35px;
  z-index:100;
}
#notice-content {
  display:none;
  position:fixed;
  overflow:hidden;
  color:#777;
  z-index:1020;
  right:26px;
  bottom:93px;
  overflow:hidden;
  background-color:#f2f2f2;
  border:1px solid rgba(33,33,33,0.3);
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  -webkit-background-clip:padding-box;
  -moz-background-clip:padding;
  background-clip:padding-box;
  -webkit-box-shadow:0 4px 6px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.5);
  -moz-box-shadow:0 4px 6px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.5);
  box-shadow:0 4px 6px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.5) font-size:12px;
  max-width:300px;
}
#notice-content li,.update-n li {
  box-shadow:0 1px 0 0 #fff;
  border-bottom:1px solid #cbcbcb;
  border-right:1px solid rgba(255,255,255,0.63);
  border-left:1px solid rgba(255,255,255,0.63);
  transition:all .2s ease-in-out;
  -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  -ms-transition:all .2s ease-in-out;
  float:left;
  width:100%;
}
#notice-content .update-n {float:left;}
#notice-content .update-n li {font-size:11px;}
.update-n li a {
  color:#ffffff!Important;
  -moz-box-shadow:inset 0 1px 0 0 #ffe0b5;
  -webkit-box-shadow:inset 0 1px 0 0 #ffe0b5;
  box-shadow:inset 0 1px 0 0 #ffe0b5;
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#fbb450),color-stop(1,#f89306));
  background:-moz-linear-gradient(top,#fbb450 5%,#f89306 100%);
  background:-webkit-linear-gradient(top,#fbb450 5%,#f89306 100%);
  background:-o-linear-gradient(top,#fbb450 5%,#f89306 100%);
  background:-ms-linear-gradient(top,#fbb450 5%,#f89306 100%);
  background:linear-gradient(to bottom,#fbb450 5%,#f89306 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450',endColorstr='#f89306',GradientType=0);
  background-color:#fbb450;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  border:1px solid #c97e1c!Important;
  display:inline-block;
  font-size:10px;
  font-weight:bold;
  padding:8px 11px;
  text-decoration:none;
  text-shadow:1px 1px 0 #8f7f24;
  float:left;
  margin:8px 0 -10px 0;
}
.update-n li a:hover {
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#f89306),color-stop(1,#fbb450));
  background:-moz-linear-gradient(top,#f89306 5%,#fbb450 100%);
  background:-webkit-linear-gradient(top,#f89306 5%,#fbb450 100%);
  background:-o-linear-gradient(top,#f89306 5%,#fbb450 100%);
  background:-ms-linear-gradient(top,#f89306 5%,#fbb450 100%);
  background:linear-gradient(to bottom,#f89306 5%,#fbb450 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f89306',endColorstr='#fbb450',GradientType=0);
  background-color:#f89306;
}
#notice-content .update-n li.images_not {
  margin:-1px 0 0 0!Important;
  padding:0!Important;
  border:none!Important;
  position:relative;
  overflow:hidden;
}
#notice-content .update-n li.images_not a {
  position:absolute;
  top:11px;
  left:20px;
  -moz-box-shadow:inset 0 1px 0 0 #9acc85;
  -webkit-box-shadow:inset 0 1px 0 0 #9acc85;
  box-shadow:inset 0 1px 0 0 #9acc85;
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#74ad5a),color-stop(1,#68a54b));
  background:-moz-linear-gradient(top,#74ad5a 5%,#68a54b 100%);
  background:-webkit-linear-gradient(top,#74ad5a 5%,#68a54b 100%);
  background:-o-linear-gradient(top,#74ad5a 5%,#68a54b 100%);
  background:-ms-linear-gradient(top,#74ad5a 5%,#68a54b 100%);
  background:linear-gradient(to bottom,#74ad5a 5%,#68a54b 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a',endColorstr='#68a54b',GradientType=0);
  background-color:#74ad5a;
  border:1px solid #3b6e22!Important;
  padding:2px 10px;
}
#notice-content .update-n li.images_not img {
  width:100%;
  height:auto;
}
#notice-content li:hover,.update-n li:hover {
  background-color:rgba(248,248,248,0.90);
  border-bottom:1px solid #eee;
}
#tweets {border-top:1px solid #fff;}
#notice-content {color:#666 !important;}
#notice-content div a {
  color:#aaa;
  font-weight:600 !important;
  text-shadow:none!Important;
  text-decoration:none!Important;
  border-bottom:dotted 1px #ccc;
  clear:both;
}
#notice-content div b {
  font-weight:400;
  font-size:12px;
  font-style:italic;
  text-shadow:0 1px 0 #fff;
  margin:0 4px 0 0;
}
.tweetList,#tweets,#tweets:hover {
  margin:0;
  padding:0 !important;
}
.tweetList li {font-size:13px;}
#tweets li {
  font-size:13px;
  background:url(../image/twitter-bird.png) no-repeat 8px 8px;
  padding:8px 30px 8px 38px;
  margin:0;
  list-style-type:none;
}
.tweetList small {
  font-size:10px;
  clear:both;
  display:block;
}
.update-n li {
  font-size:13px;
  background:url(../image/icon-logos-small.png) no-repeat 12px 20px;
  padding:18px 0 28px 39px !important;
  margin:0;
  list-style-type:none;
}
.article .nav li {
  float:left;
  width:35px;
  height:35px;
  overflow:hidden;
  cursor:pointer;
}
.article .nav li a {
  display:inline-block;
  width:35px;
  height:35px;
  border-bottom:0;
}
.article #nav-up,.article #nav-left,.article #nav-dow,.article #nav-right,.article #notice-right {background-image:url(../image/spirt-1.png);}
.article #nav-up {
  margin:0 80px 5px 0;
  background-position:-35px -35px;
}
.article #nav-left {background-position:0 -105px;}
.article #nav-down {
  margin:0 5px 0 0;
  background-position:0 -35px;
}
.article #nav-right {
  margin:0 0 0 8px;
  background-position:-35px -105px;
}
.article #nav-right:hover {background-position:-35px -70px;}
.article #nav-up:hover {background-position:-35px 0;}
.article #nav-left:hover {background-position:0 -70px;}
.article #nav-down:hover {background-position:0 0;}
.article #notice-right {background-position:-35px -35px;}
.article #notice-right:hover {background-position:-35px 0;}
.article #notice-right-index {
  background-image:url(../image/spirt-1.png);
  background-position:-35px -210px;
  width:35px;
  height:35px;
}
.article #notice-right-index:hover {background-position:-36px -245px;}
.article #notice-right-index {display:none;}

/* toggle jquery */
#toggle-container {
  display:block;
  width:100%;
  text-align:left;
  padding:1px 10px !important;
  margin:71px 0 0 0 !important;
  background:rgba(0,0,0,0.7);
  border-top:1px solid rgba(0,0,0,0.7);
}
.footer-width {
  max-width:1040px;
  margin:0 auto;
}
#toggle-container a {
  font-size:12px;
  font-weight:bold !important;
  color:rgba(255,255,255,0.5);
  outline:0 none;
  position:relative;
  z-index:999;
}
#blog-pager {
  width:400px;
  float:right;
  padding:0 !important;
  margin:0 !important;
  color:rgba(255,255,255,0.5);
}
#blog-pager a {
  font-size:12px !important;
  color:rgba(255,255,255,0.5);
}
li#blog-pager-newer-link {
  padding:0 40px;
  ;
  border-left:1px solid rgba(255,255,255,0.1);
}
li#blog-pager-older-link {
  padding:0 40px;
  border-left:1px solid rgba(255,255,255,0.1);
}
li.judul-posting a {
  font-size:25px !important;
  font-family:'Raleway','arial narrow','arial',sans serif;
  color:rgba(255,255,255,0.5);
  text-transform:uppercase;
  line-height:44px !important;
}
li.judul-posting:before {
  content:"\2729";
  width:1em;
  float:left;
  text-align:center;
  font-size:1.5em;
}
#toggle-container li {
  float:left;
  height:50px;
  display:inline;
  line-height:50px;
}
li.home-link {
  width:140px;
  font-size:12px !important;
  border-left:1px solid rgba(255,255,255,0.1);
  padding-left:20px;
}

/* footer body */
.footerwrap {
  background-color:#000;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  -webkit-box-shadow:0 1px 4px hsla(0,0%,0%,.9),0 1px 0 hsla(0,0%,100%,.2)inset;
  -moz-box-shadow:0 1px 4px hsla(0,0%,0%,.9),0 1px 0 hsla(0,0%,100%,.2)inset;
  box-shadow:0 1px 4px hsla(0,0%,0%,.9),0 1px 0 hsla(0,0%,100%,.2)inset;
}
.footerwrap,.footerwrap a,.footergrd p {
  text-decoration:none;
  color:#444;
}
.footerwrap {
  width:100%;
  margin:0 auto !important;
  padding-bottom:20px;
  font-size:12px;
  text-align:left;
  color:#aaa;
  position:relative;
  z-index:20;
}

/* footer 3 kolom */
.footergrd {
  margin:auto;
  width:1000px;
  padding-bottom:3px;
  padding-top:20px;
}
.footergrd-m1 {
  float:left;
  width:22px;
  height:1px;
}
.footergrd-c1 {
  float:left;
  width:11% !important;
  margin-left:20px;
}
.footergrd-m2 {
  float:left;
  width:20px;
  height:1px;
}
.footergrd-c2 {
  float:left;
  width:34% !important;
}
.footergrd-m3 {
  float:left;
  width:20px;
  height:1px;
}
.footergrd-c3 {
  float:left;
  width:46% !important;
  overflow:hidden;
  margin-right:2px;
}
.footergrd-2coll {
  float:left;
  width:47%;
  margin-right:10px;
}
nav ul.menu-3 li {
  padding:2px 0 !important;
  margin:0 !important;
  border-bottom:1px solid rgba(100,100,100,0.1);
}
nav ul.menu-3 li a {
  background-image:url(../image/spirt-2.png);
  background-repeat:no-repeat;
  margin:0;
  padding:0 0 0 26px;
  line-height:16px;
  text-decoration:none;
}
nav ul.menu-3 li.blogger a {background-position:0 -4px;}
nav ul.menu-3 li.g-site a {background-position:0 -28px;}
nav ul.menu-3 li.disqus a {background-position:0 -77px;}
nav ul.menu-3 li.w3c a {background-position:0 -53px;}
.bawah-2kolomfooter li {
  background-position:0 8px;
  background-repeat:no-repeat;
  margin:0;
  padding:4px 12px 5px 1px !important;
  line-height:16px;
  text-decoration:none;
  background-image:none;
}
.bawah-2kolomfooter li:before {
  content:"\2234";
  padding-right:7px;
}
h5.data-title {
  height:30px;
  font-size:20px;
  text-transform:uppercase;
}
.profil-dep-home u {font-weight:bold !important;}
.fott-bottom-m1 {
  float:left;
  width:22px;
  height:1px;
}
.bx201 {padding-top:29px;}
footer.footerwrap article.footergrd li {
  padding:2px 1px;
  list-style:none !important;
  border-bottom:1px solid rgba(100,100,100,0.1);
}
.footerwrap h1 {
  font-size:28px;
  text-transform:uppercase;
  line-height:20px;
}
.footerwrap .sharing div {
  float:left !important;
  display:inline;
}
.footergrd-c3 li span.one-1 {width:110px !important;}
.footergrd-c3 li span.two-2 {padding-left:10px;}
.footergrd-c3 li span.one-1:before {content:"\25BA";}
.profil-image-home {
  width:28%;
  position:relative;
  overflow:hidden;
  float:left;
  margin:10px 0;
  padding-bottom:40px;
}
.profil-image-home img {
  border-radius:160px;
  -moz-border-radius:160px;
  -webkitborder-radius:160px;
}
a.fb,a.twitter,a.google-plus {
  border:#222 solid 4px;
  border-radius:160px;
  border-radius:50px;
  transition:all 0.2s ease-out;
}
.profil-image-icon img:hover {opacity:0.9;}
img.profile-img {
  width:72px !important;
  height:72px !important;
  margin:13px 0 20px 2px;
  float:left !important;
}
.profil-dep-home {
  margin:10px 0;
  width:72%;
  float:left;
}
.profil-dep-home p {
  line-height:16px;
  padding-bottom:1px !important;
}
a.fb {
  background-image:url(../image/spirt-2.png);
  background-repeat:no-repeat;
  background-position:0 -99px;
  width:21px;
  height:21px;
  position:absolute;
  top:6px;
  right:14px;
}
a.twitter {
  background-image:url(../image/spirt-2.png);
  background-repeat:no-repeat;
  background-position:-2px -124px;
  width:18px;
  height:18px;
  position:absolute;
  top:38px;
  right:7px;
}
a.google-plus {
  background-image:url(../image/spirt-2.png);
  background-repeat:no-repeat;
  background-position:-2px -146px;
  width:16px;
  height:16px;
  position:absolute;
  top:67px;
  right:17px;
}
a.fb:hover {
  border:4px solid #5e83cf !important;
  box-shadow:0 0 10px #3b5998,0 1px 3px #000 !important;
  -webkit-box-shadow:0 0 10px #3b5998,0 1px 3px #000 !important;
  -moz-box-shadow:0 0 10px #3b5998,0 1px 3px #000 !important;
}
a.twitter:hover {
  border:4px solid #45c6e3 !important;
  box-shadow:0 0 10px #45c6e3,0 1px 3px #000 !important;
  -webkit-box-shadow:0 0 10px #45c6e3,0 1px 3px #000 !important;
  -moz-box-shadow:0 0 10px #45c6e3,0 1px 3px #000 !important;
}
a.google-plus:hover {
  border:4px solid #e36347 !important;
  box-shadow:0 0 10px #e36347,0 1px 3px #000 !important;
  -webkit-box-shadow:0 0 10px #e36347,0 1px 3px #000 !important;
  -moz-box-shadow:0 0 10px #e36347,0 1px 3px #000 !important;
}

/* #navmenu footer fixed */
.fotter-fixed {
  position:fixed;
  bottom:-28px;
  overflow:hidden;
  left:0;
  right:0;
  z-index:100;
  box-shadow:0 -1px 3px rgba(0,0,20,0.30),inset 0 0 40px rgba(0,0,20,0.20) !important;
  -moz-box-shadow:0 -1px 3px rgba(0,0,20,0.30),inset 0 0 40px rgba(0,0,20,0.20) !important;
  -webkit-box-shadow:0 -1px 3px rgba(0,0,20,0.30),inset 0 0 40px rgba(0,0,20,0.20) !important;
}
#bottom-nav {
  position:relative !important;
  height:190px;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  color:#555;
  display:none;
  border-top:1px solid #e0e0e0;
  box-shadow:inset 0 0 70px rgba(0,0,20,0.20) !important;
  -moz-box-shadow:inset 0 0 70px rgba(0,0,20,0.20) !important;
  -webkit-box-shadow:inset 0 0 70px rgba(0,0,20,0.20) !important;
}
.Hidde-bottom-nav {
  border-top:1px solid #555;
  background:rgba(255,255,255,0.70);
  position:relative !important;
  z-index:1090;
  width:100%;
  height:auto;
  padding:0;
  margin:0;
}
#bottom-nav h5 {
  text-transform:uppercase;
  margin:0 0 10px 0;
  color:#111 !important;
}
#bottom-nav small {
  font-size:12px;
  color:#333 !important;
}
#bottom-nav small a {color:#333 !important;}
.open-bottom-nav,.close-bottom-nav {
  margin:0 0 0 0;
  line-height:15px;
  cursor:pointer;
  padding:0 0 0 0;
}
.open-bottom-nav:before {
  content:"";
  width:16px;
  height:19px;
  display:inline;
  float:left;
  padding:14px 0 0 0;
  background:url(../image/open-bottom-nav.png)no-repeat top center;
}
.close-bottom-nav:before {
  content:"";
  width:16px;
  height:19px;
  display:inline;
  float:left;
  padding:14px 0 0 0;
  background:url(../image/close-bottom-nav.png)no-repeat top center;
}
nav#navmenu {
  position:relative !important;
  overflow:hidden !important;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  height:25px;
  color:#222;
  text-decoration:none;
  text-shadow:0 1px 1px rgba(0,0,0,0.4)!Important;
  background:rgba(85,85,85,0.85);
  border:none;
}
nav#navmenu a {text-shadow:0 1px 1px rgba(0,0,0,0.4)!Important;}
nav#navmenu ul {
  position:relative !important;
  overflow:hidden;
  bottom:0;
  margin:5px 0 0 0;
  left:5px;
  width:1800px !important;
  float:left;
  clear:both;
  z-index:1000;
  font-size:11px;
  color:#f1f1f1;
  text-align:center;
  text-transform:uppercase;
  list-style:none;
  padding-left:10px;
}
nav#navmenu ul li {
  float:left;
  margin:0 0 0 7px;
}
nav#navmenu ul,#navmenu ul a,nav#navmenu ul li a,nav#navmenu ul li a:visited,nav#navmenu ul:visited {
  display:block;
  font-size:10px;
  text-decoration:none;
  color:#f1f1f1 !important;
}
nav#navmenu ul li a:active {text-decoration:line-through;}
nav#navmenu img {padding-top:1px;}
nav#navmenu ul li.comment-icon a:hover,nav#navmenu ul .archive-icon a:hover {color:#777 !important;}
nav#navmenu ul .archive-icon a,nav#navmenu ul li.comment-icon a {
  cursor:pointer;
  margin:0 0 0 2px;
}
nav#navmenu ul .archive-icon a b,nav#navmenu ul li.comment-icon a b {
  font-size:90%;
  font-weight:normal !important;
  color:#ff0000;
}
nav#navmenu ul li.comment-icon a b {
  color:#98FF06 !important;
  text-decoration:blink !important;
}

/* #navmenu brcum */
nav#navmenu ul li.clock-icon,nav#navmenu ul li .author-icon,nav#navmenu ul li .title-icon,nav#navmenu .comment-icon,nav#navmenu .archive-icon {
  float:left;
  height:12px;
  padding:2px 0 5px 16px;
  font:bold 10px/10px 'roboto',arial narrow,arial,sans serif !important;
  background-position:left top;
  background-repeat:no-repeat;
}
nav#navmenu ul li.clock-icon {background-image:url(../image/kelender.png);}
nav#navmenu ul li.clock-icon span {margin:0 0 0 4px;}
nav#navmenu ul li .title-icon:before {
  content:"";
  width:14px;
  height:14px;
  float:left;
  margin:-2px 5px 0 -5px;
  background-image:url(../image/title-icon.png);
  background-repeat:no-repeat;
}
nav#navmenu ul .comment-icon {background-image:url(../image/comment-icon.png);}
nav#navmenu ul li.logos-icon,nav#navmenu ul li .backtotop-icon,nav#navmenu ul li .home-icon,nav#navmenu ul li .rss-icon,nav#navmenu ul li .about-icon,nav#navmenu ul li .contact-icon,nav#navmenu ul li .google-icon,nav#navmenu ul li .facebook-icon,nav#navmenu ul li .follow-icon {
  width:16px;
  height:16px;
  background-position:left top;
  background-repeat:no-repeat;
}

/* nav#navmenu icon */
nav#navmenu ul li.logos-icon {
  background-image:url(../image/logo-text.png);
  width:226px !important;
  height:21px !important;
  margin:-1px 0 0 0;
}
nav#navmenu ul li .backtotop-icon {background-image:url(../image/top-icon.png);}
nav#navmenu ul li .home-icon {background-image:url(../image/home-icon.png);}
nav#navmenu ul li .rss-icon {background-image:url(../image/rss-icon.png);}
nav#navmenu ul li .contact-icon {background-image:url(../image/mail.png);}
nav#navmenu ul li .about-icon {background-image:url(../image/about-icon.png);}
nav#navmenu ul li .follow-icon {background-image:url(../image/follow-icon.png);}
.searchform {
  height:40px;
  overflow:hidden;
  margin:0 auto;
  position:relative;
  z-index:2000;
  box-shadow:inset 0 0 20px rgba(0,0,20,0.10);
  -moz-box-shadow:inset 0 0 20px rgba(0,0,20,0.10);
  -webkit-box-shadow:inset 0 0 20px rgba(0,0,20,0.10);
}
.s {
  border:0;
  padding:0 10px;
  width:70%;
  height:3em;
  float:left;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
.searchsubmit {
  float:left;
  padding:0;
  border:0;
  width:30%;
  height:3em;
  cursor:pointer;
  text-transform:uppercase;
  color:#fff;
  background:rgba(50,50,50,0.30);
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
.searchsubmit:hover {color:#fff;}
.bottom-nav-grid {
  width:800px;
  overflow:hidden;
  padding-top:20px;
  margin:0 auto;
}
.bottom-nav-grid .left-grid,.bottom-nav-grid .right-grid {
  margin:0 0 0.5em 3.5%;
  float:left;
  display:inline;
  overflow:hidden;
  word-wrap:break-word;
  min-height:1px;
}
.bottom-nav-grid .left-grid {width:76.5%;}
.bottom-nav-grid .right-grid {width:20%;}
.bottom-nav-grid .left-grid:first-child,.bottom-nav-grid .right-grid:first-child {margin-left:0;}
#bawahbana {
  display:none;
  background-color:rgba(0,0,0,0.1);
  background-image:url(../image/h3.png);
  background-repeat:repeat-x;
  background-position:top center;
  border-top:1px solid #111;
  -webkit-box-shadow:0 1px 4px hsla(0,0%,0%,.9),0 -5px 12px rgba(0,0,0,.3),0 1px 0 hsla(0,0%,100%,.2)inset;
  -moz-box-shadow:0 1px 4px hsla(0,0%,0%,.9),0 -5px 12px rgba(0,0,0,.3),0 1px 0 hsla(0,0%,100%,.2)inset;
  box-shadow:0 1px 4px hsla(0,0%,0%,.9),0 -5px 12px rgba(0,0,0,.3),0 1px 0 hsla(0,0%,100%,.2)inset;
}
#bawahbana p {
  position:relative;
  width:1000px;
  margin:0 auto;
  z-index:999;
  line-hegiht:0.9em;
  padding:14px 0;
  font-weight:bold;
  font-size:11px;
  ;
  text-shadow:0 -1px 1px hsla(0,0%,0%,.8);
  color:#444;
  text-align:center;
}
#bawahbana p a {
  color:#444;
  text-decoration:underline;
}
#footer-wrapper {margin:0 auto;}
#bg5 {background:none;}

/* loading */
div#loading {
  position:fixed !important;
  position:absolute;
  
/* IE6 Fallback */
 top:0 !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  background-image:url(../image/load.png);
  background-color:rgba(230,230,230,0.90) !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  z-index:99999;
}

/* disqus-body */
#disqus_thread {
  margin:0 auto;
  clear:both;
  width:86%;
  height:86%;
  color:#141414;
  text-shadow:none !important;
}
#disqus_thread iframe {padding:40px 20px;}

/* lightbox */
.box,.daf-menu {
  position:fixed;
  top:-800px;
  border:none;
  width:860px;
  left:16.5%;
  right:16.5%;
  border-radius:10px;
  color:#7F7F7F;
  padding:1px;
  z-index:999;
  box-shadow:0 0 10px rgba(0,0,20,0.25),inset 0 0 20px rgba(0,0,20,0.20);
  -moz-box-shadow:0 0 10px rgba(0,0,20,0.25),inset 0 0 20px rgba(0,0,20,0.20);
  -webkit-box-shadow:0 0 10px rgba(0,0,20,0.25),inset 0 0 20px rgba(0,0,20,0.20);
}
.box2 {
  position:relative;
  display:block;
  width:100%;
  overflow:auto;
  overflow-x:hidden;
  background-color:#fff !important;
  height:330px;
}
.box3,.box1 {
  display:block;
  text-transform:uppercase;
  text-align:left;
  height:30px;
}
.box1 {
  border-radius:4px 4px 0 0!Important;
  -webkit-border-radius:4px 4px 0 0!Important;
  -moz-border-radius:4px 4px 0 0!Important;
  border-bottom:1px solid #aaa!Important;
}
.box3 {
  border-radius:0 0 4px 4px!Important;
  -webkit-border-radius:0 0 4px 4px!Important;
  -moz-border-radius:0 0 4px 4px!Important;
  border-top:1px solid #ddd!Important;
}
.box3 a,.box1 a,.box1 a:hover {
  color:#555;
  text-shadow:0 1px 0 #eee !important;
  text-overflow:ellipsis;
  font:bold 16px /2em "roboto",arial,sans-serif !important;
}
a.boxclose,a.daf-menu-close {
  cursor:pointer;
  display:block;
  width:35px !important;
  height:35px !important;
  background-image:url(../image/spirt-1.png);
  background-repeat:no-repeat;
  background-position:0 -175px;
  -webkit-box-shadow:none !important;
  border-radius:none !important;
  -webkit-border-radius:none !important;
  -moz-border-radius:none !important;
}
a.boxclose:hover {background-position:0 -140px;}
.daf-menu .box2 {background:#000 !important;}

/* site-map */
.daf-menu #s-map {
  margin:0 20px;
  background-image:url(../image/line-4.png);
  background-repeat:repeat-y;
  background-position:top left;
  text-align:left !important;
}
.daf-menu #s-map p a {
  font-family:Raleway,arial narrow,arial,helvetica,sans serif;
  font-size:29px;
  color:#565656 !important;
  padding:3px 5px;
  margin:4px 0 5px17px !important;
}
.daf-menu #s-map a {text-decoration:none;}
.daf-menu #s-map ul {
  margin:0 auto;
  padding:0;
}
.daf-menu #s-map ul li {
  border-left:1px solid #151515;
  border-bottom:1px solid #151515;
  color:#444;
  font-size:23px;
  line-height:0.8em;
  font-style:italic;
  list-style:decimal inside url(../image/00-line.png);
  margin:0 0 12px 25px !important;
  padding:0 0 12px 0 !important;
}
.daf-menu #s-map li a {
  text-decoration:none;
  color:#353535;
  display:block;
  line-height:1em;
  padding:0 0 0 60px;
}
.daf-menu #s-map li a:visited {text-decoration:line-through !important;}
.daf-menu #s-map li a:hover {
  text-decoration:none;
  color:#f1f1f1;
}
.overlay {
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:999;
  background:url('//3.bp.blogspot.com/-xnJMuFEz-9w/UZUdVmUn49I/AAAAAAAAFLA/P_tH8pRwX34/s00-d/ie-verlay.png');
  background:-moz-linear-gradient(rgba(11,11,11,0.1),rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
  background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(11,11,11,0.1)),to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
}
ul.template {
  position:relative;
  margin:0;
  z-index:2;
}
.template li a {
  margin:0 auto;
  list-style:none;
  background-color:rgba(0,0,0,.2);
  border:1px solid rgba(255,255,255,0.03);
  border-top-color:rgba(255,255,255,0.04);
  border-bottom-color:#222;
  box-shadow:0 5px 12px rgba(0,0,0,.7);
  -moz-box-shadow:0 5px 12px rgba(0,0,0,.7);
  -webkit-box-shadow:0 5px 12px rgba(0,0,0,.7);
  -webkit-transition:all .15s ease-in-out;
  -webkit-transform-origin:50% 1px;
}
.template li {
  margin:0 auto;
  display:inline;
  height:30px;
  padding:0 5px;
}
.template li a {
  display:inline-block;
  white-space:nowrap;
  padding:0 1.5em;
  margin:0.5em;
  font:bold 20px/50px roboto,Arial,Helvetica;
  text-decoration:none;
  color:#333;
}
.template li a:hover {background-color:rgba(0,0,0,.3);}
.template li a:before {
  background:#ccc;
  background:rgba(0,0,0,.1);
  float:left;
  width:1em;
  text-align:center;
  font-size:1.5em;
  margin:0 1em 0 -1em;
  padding:0 .2em;
  -moz-box-shadow:1px 0 0 rgba(0,0,0,.5),2px 0 0 rgba(255,255,255,0.03);
  -webkit-box-shadow:1px 0 0 rgba(0,0,0,.5),2px 0 0 rgba(255,255,255,0.03);
  box-shadow:1px 0 0 rgba(0,0,0,.5),2px 0 0 rgba(255,255,255,0.03);
  -moz-border-radius:.15em 0 0 .15em;
  -webkit-border-radius:.15em 0 0 .15em;
  border-radius:.15em 0 0 .15em;
  pointer-events:none;
}
.template li a:before {
  content:"\279C";
  ;
}
.article #notice li {
  float:right !important;
  width:35px;
  height:35px;
  overflow:hidden;
  cursor:pointer;
}
.article #nav li a {
  display:block;
  width:35px;
  height:35px;
  border-bottom:0;
}
.fb-likes-x {
  display:none;
  position:fixed;
  overflow:hidden;
  color:#777;
  height:70px;
  z-index:1010;
  right:66px;
  bottom:93px;
  width:250px;
  overflow:hidden;
  background-color:#e5e5e5;
  border:1px solid rgba(33,33,33,0.4);
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  -moz-box-shadow:0 0 2px rgba(255,255,255,0.6) inset,0 2px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow:0 0 2px rgba(255,255,255,0.6) inset,0 2px 2px rgba(0,0,0,0.2);
  box-shadow:0 0 2px rgba(255,255,255,0.6) inset,0 2px 2px rgba(0,0,0,0.2);
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #dcdcdc;
}
#like-fb {
  background-image:url(../image/spirt-1.png);
  background-position:35px -175px;
  width:35px;
  margin-right:8px;
}
#like-fb-close {
  background-image:url(../image/spirt-1.png);
  background-position:-35px -210px;
  width:35px;
  margin-right:8px;
  display:none;
}
.article #playTour {
  background-image:url(../image/spirt-1.png);
  background-repeat:no-repeat;
  width:35px;
  height:35px;
  background-position:-35px -315px;
  margin:0 0 0 8px;
}
.article #playTour:hover {background-position:-35px -280px;}
#overlay-all-menu,#overlay-all-menu-1 {
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:10000;
  background:url('//3.bp.blogspot.com/-xnJMuFEz-9w/UZUdVmUn49I/AAAAAAAAFLA/P_tH8pRwX34/s00-d/ie-verlay.png');
  background:-moz-linear-gradient(rgba(11,11,11,0.1),rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
  background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(11,11,11,0.1)),to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
  display:none;
}
.left-right-menu,.right-notice-menu,.top-permalink-menu,.bottom-komment-menu,.end-all-menu,.center-start-menu,.bottom-search-menu {
  position:fixed;
  overflow:hidden;
  padding:0;
  z-index:10020;
  display:none;
  width:350px;
  margin:0 auto;
}
.center-start-menu {
  right:35%;
  left:33%;
  top:30%;
  text-transform:uppercase;
}
.left-right-menu {
  bottom:90px;
  left:40px;
  padding:0 0 20px 0;
}
.right-notice-menu {
  bottom:90px;
  right:20px;
  padding:0 0 20px 0;
}
.top-permalink-menu {
  top:60px;
  left:4px;
  padding-top:22px !important;
  padding-bottom:0 !important;
}
.bottom-komment-menu {
  bottom:30px;
  left:500px;
  padding:0 0 20px 0;
}
.bottom-search-menu {
  bottom:30px;
  left:380px;
  padding:0 0 20px 0;
}
.end-all-menu {
  bottom:40%;
  right:35%;
  left:35%;
  top:25%;
}
div.bxxx-content {
  position:relative;
  overflow:hidden;
  width:348px;
  padding:0 0 25px 0;
  font-size:12px;
  color:#666;
  background:#e4e4e4;
  background:-moz-linear-gradient(top,#e4e4e4 0%,#e7e7e7 20%,#eaeaea 37%,#f1f1f1 52%,#eaeaea 69%,#e7e7e7 88%,#e4e4e4 99%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e4e4e4),color-stop(20%,#e7e7e7),color-stop(37%,#eaeaea),color-stop(52%,#f1f1f1),color-stop(69%,#eaeaea),color-stop(88%,#e7e7e7),color-stop(99%,#e4e4e4));
  background:-webkit-linear-gradient(top,#e4e4e4 0%,#e7e7e7 20%,#eaeaea 37%,#f1f1f1 52%,#eaeaea 69%,#e7e7e7 88%,#e4e4e4 99%);
  background:-o-linear-gradient(top,#e4e4e4 0%,#e7e7e7 20%,#eaeaea 37%,#f1f1f1 52%,#eaeaea 69%,#e7e7e7 88%,#e4e4e4 99%);
  background:-ms-linear-gradient(top,#e4e4e4 0%,#e7e7e7 20%,#eaeaea 37%,#f1f1f1 52%,#eaeaea 69%,#e7e7e7 88%,#e4e4e4 99%);
  background:linear-gradient(to bottom,#e4e4e4 0%,#e7e7e7 20%,#eaeaea 37%,#f1f1f1 52%,#eaeaea 69%,#e7e7e7 88%,#e4e4e4 99%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4',endColorstr='#e4e4e4',GradientType=0 );
  out-line:none;
  border:1px solid rgba(0,0,0,0.5);
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  -moz-box-shadow:0 0 2px rgba(255,255,255,0.6) inset,0 2px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow:0 0 2px rgba(255,255,255,0.6) inset,0 2px 2px rgba(0,0,0,0.2);
  box-shadow:0 0 2px rgba(255,255,255,0.6) inset,0 2px 2px rgba(0,0,0,0.2);
}
div.bxxx-content h4,#notice-content h5,.box3,.box1 {
  background:#d3d3d3;
  background:-moz-linear-gradient(top,#d3d3d3 0%,#c3c3c3 52%,#b3b3b3 99%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#d3d3d3),color-stop(52%,#c3c3c3),color-stop(99%,#b3b3b3));
  background:-webkit-linear-gradient(top,#d3d3d3 0%,#c3c3c3 52%,#b3b3b3 99%);
  background:-o-linear-gradient(top,#d3d3d3 0%,#c3c3c3 52%,#b3b3b3 99%);
  background:-ms-linear-gradient(top,#d3d3d3 0%,#c3c3c3 52%,#b3b3b3 99%);
  background:linear-gradient(to bottom,#d3d3d3 0%,#c3c3c3 52%,#b3b3b3 99%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3',endColorstr='#b3b3b3',GradientType=0 );
  font-weight:900;
  padding:12px 25px;
  border-bottom:1px solid #999;
  color:#535252;
  text-shadow:0 1px 0 #dedede !important;
  border-radius:6px 6px 0 0;
  -webkit-border-radius:6px 6px 0 0;
  -moz-border-radius:6px 6px 0 0;
  -moz-box-shadow:inset 0 1px 0 0 #ffffff;
  -webkit-box-shadow:inset 0 1px 0 0 #ffffff;
  box-shadow:inset 0 1px 0 0 #ffffff;
  font-weight:900 !important;
}
div.bxxx-content p {
  border-top:1px solid #fff;
  padding:12px 25px;
}
div.bxxx-content h4 {
  font-size:14px;
  font-weight:bold;
  color:#535252;
  text-shadow:0 1px 0 #e5e5e5;
}
div.bxxx-content img {
  float:left;
  margin:10px 0 0 0;
  padding:20px;
}
.left-right-menu .bubble,.right-notice-menu .bubble,.top-permalink-menu .bubble,.bottom-komment-menu .bubble,.bottom-search-menu .bubble {
  position:absolute;
  z-index:300;
  width:0;
  height:0;
  border-width:14px;
  border-style:solid;
  border-color:#e5e5e5 transparent transparent transparent;
}
.left-right-menu .bubble {
  bottom:-7px;
  left:35px;
  margin:-4px 0 0 0;
}
.right-notice-menu .bubble {
  bottom:-7px;
  right:10px;
}
.top-permalink-menu .bubble {
  top:-6px;
  left:27px;
  border-color:transparent transparent #d3d3d3 transparent !important;
}
.top-permalink-menu div.bxxx-content {border:none!Important;}
.bottom-komment-menu .bubble,.bottom-search-menu .bubble {
  bottom:-7px;
  left:35px;
}
#closes-tip,a.next-tipp {
  position:absolute !important;
  background-image:url(../image/notice-spirt.png);
  background-repeat:no-repeat;
  width:29px;
  height:29px;
  overflow:hidden;
  text-indent:10em;
}
#closes-tip {
  top:8px;
  right:40px;
  background-position:0 0;
}
a.next-tipp {
  top:8px;
  right:10px;
  background-position:-32px 0;
}
.end-all-menu p {height:80px;}
.end-all-menu {height:500px!Important;}
.end-all-menu a.next-tipp {background-position:0 0!Important;}
.center-start-menu a.next-tipp {
  border-radius:4px !important;
  -webkit-border-radius:4px !important;
  -moz-border-radius:4px !important;
}
.fb-photo {
  height:234px;
  background-image:url(http://1.bp.blogspot.com/-PzM3VeCAMyY/Ua-mYlTOPhI/AAAAAAAAFWI/hOCPBntrvg8/s350/facebook-pages.jpg);
  background-repeat:no-repeat;
  background-position:top center;
}
.loader {background: url("../image/loader.gif") no-repeat scroll 50% 50% transparent;}
.comments a {text-decoration:none;}
.comments .note,em[rel="note"] {
  display:block;
  padding:5px 10px;
  border:1px solid black;
  background-color:#222;
  background-image:-webkit-linear-gradient(#333,#222);
  background-image:-moz-linear-gradient(#333,#222);
  background-image:-ms-linear-gradient(#333,#222);
  background-image:-o-linear-gradient(#333,#222);
  background-image:linear-gradient(#333,#222);
  -webkit-box-shadow:0 0 0 1px #555;
  -moz-box-shadow:0 0 0 1px #555;
  box-shadow:0 0 0 1px #555;
  color:#ccc;
  font:normal normal 11px/normal Tahoma,Verdana,Arial,Sans-Serif;
  text-shadow:0 1px 0 black;
}
.comments .note a,.comments .note code {font-size:100%;}
.comments img.incomment,.comments blockquote img.incomment {
  display:block;
  margin:2px auto 0;
}
.comments pre,i[rel="pre"],.comments blockquote,.comments b[rel="quote"] {margin:5px 0;}
.comments a.allow,i[rel="anchor"] {font-size:97%;}
.comments code,i[rel="code"],#respond em {
  color:inherit;
  font:normal normal 12px/1.4 "Courier New",Courier,Monospace;
}
.comments code a,.comments code a:hover,.comments code a:focus {
  color:inherit;
  background:none;
}
.comments i[rel="image"] {
  display:block;
  margin:2px auto;
  width:50px;
  height:50px;
  border:5px solid #222;
  background-color:white;
  font:normal normal 0/0 a;
  color:transparent;
  text-shadow:none;
  overflow:hidden;
  position:relative;
}
.comments iframe.video {
  width:320px;
  max-width:320px;
  height:224px;
  -webkit-box-shadow:0 1px 3px black;
  -moz-box-shadow:0 1px 3px black;
  box-shadow:0 1px 3px black;
  display:block;
  margin:10px auto;
  border:4px solid #444;
  background-position:50% 50%;
}
.comments h4 {
  color:white;
  font-size:116%;
  margin:1.5em 0 1em;
  padding:0;
  letter-spacing:0;
}
.comments .avatar-image-container {
  margin:0 0 3px;
  border:1px solid #3c3c3c;
  padding:6px;
  width:55px;
  height:55px;
  max-width:100%;
  max-height:100%;
  float:none;
  background:rgba(30,30,30,0.5);
  border:1px solid #151515;
  box-shadow:0 2px 3px #000,inset 0 0 1px 0 #000;
  -webkit-box-shadow:0 2px 3px #000,inset 0 0 1px 0 #000;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  transition:all .5s ease-out;
}
.comments .avatar-image-container img {
  width:55px;
  height:55px;
  max-width:100%;
  max-height:100%;
  overflow:visible;
  float:none;
}
.comments .avatar-image-container img:hover {opacity:.7;}
.comments .button {color:#ebebeb;}
#cm_block {visibility:hidden;}
.cm_wrap {
  clear:both;
  float:right;
  margin-bottom:4px;
  width:100%;
  position:relative;
}
.cm_head {
  width:58px;
  float:left;
}

body#destop .templatesBody a {
    text-decoration: none;
}
cite.cm_name {
    font-style: normal;
}
.cm_reply a {
  display:block;
  width:auto;
  padding:0.5em 0.6em;
  text-transform:none;
  border:none;
  background:rgba(10,10,10,0.2);
  color:#050505 !important;
  text-shadow:0 1px 0 #252525;
  font:bold 130% arial;
  text-align:left;
  -webkit-transition:all .16s ease-in-out;
  -moz-transition:all .16s ease-in-out;
  -ms-transition:all .16s ease-in-out;
  -o-transition:all .16s ease-in-out;
  transition:all .16s ease-in-out;
}
.cm_reply .item-control {display:block;}
.cm_reply a:hover,.cm_reply a:focus,.cm_reply a.clicked {
  padding:0.5em 0.6em;
  outline:none;
  text-decoration:none;
  color: rgb(198, 235, 4) !important;
  text-shadow: 0px 0px 10px rgb(198, 235, 4), 0px 0px 20px rgb(198, 235, 4), 0px 0px 30px rgb(198, 235, 4) !important;
}
.cm_reply a:active {
  background-image:-webkit-linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:-moz-linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:-ms-linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:-o-linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,0));
  outline:none;
}
.cm_entry {
  margin:0 0 0 70px;
  overflow:hidden;
  position:relative;
background:rgba(30,30,30,0.4)url();
  border:1px solid #181818;
  box-shadow:0 2px 3px #000;
  -webkit-box-shadow:0 2px 3px #000;
  -webkit-transition:all 1s ease-out;
  -moz-transition:all 1s ease-out;
  -ms-transition:all 1s ease-out;
  -o-transition:all 1s ease-out;
  transition:all 1s ease-out;
}
.cm_entry .author-mark {
  display:block;
  width:0;
  height:0;
  border:12px solid transparent;
  border-color:transparent #900 #900 transparent;
  position:absolute;
  right:0;
  bottom:0;
}
.cm_entry .cm_info {
  background-image: url("../image/line-border.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  padding:.5em .8em;
}
.cm_entry .para {
  background-image: url("../image/line-border.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  padding:.5em .8em;
  font-size:110%;
}
.cm_entry .cm_info {margin-bottom:2px;}
.cm_entry .para {
  clear:both;
  word-wrap:break-word;
}
.cm_name {
  color:#555;
  text-transform:uppercase;
  font-size:110%;
  font-weight:bold !important;
  float:left;
}
.cm_date {
  font-size:8px;
  color:#353535;
  float:right;
  margin:0 0.7em 0 0;
  background:rgba(0,0,0,0.18);
  box-shadow:0 0 1px 0 rgba(150,150,150,0.3);
  -webkit-box-shadow:0 0 1px 0 rgba(150,150,150,0.3);
  border:1px solid rgba(0,0,0,0.25);
  padding:0 8px!Important;
  line-height:16px;
  height:15px;
  border-radius:4em;
  -webkit-border-radius:4em;
}
.cm_entry .para.deleted-by-js {color:#bbb;}
.cm_entry .para.deleted-by-js textarea {
  width:100%;
  height:120px;
  margin:1.7em auto;
}
.cm_pagenavi {
  font-size:10px;
  text-transform:uppercase;
  color:#666;
  font-weight:bold;
}
.cm_pagenavi a {padding:10px;}
.cm_pagenavi span {
  color:#888;
  background-color:#3c3c3c;
  padding:4px;
}
#comment-form {
  clear:both;
  margin:3em 0 0;
  padding:1.6em;
  width:auto;
  max-width:100%;
  color:#454545;
background:rgba(30,30,30,0.4)url();
  border:1px solid #181818;
  box-shadow:0 2px 3px #000;
  -webkit-box-shadow:0 2px 3px #000;
}
#respond p {font-size:96%;}
#comment-editor {
  width:100%;
  height:270px;
  background:none;
}
#frame-outer {position:relative;}
#cancel-answer {display:none;}
.cm_wrap #comment-form {
margin:1px 0 -3px 60px;
background:rgba(30,30,30,0.4)url();
  border-top:1px solid #282828!Important;
  border-bottom:1px solid #181818!Important;
  box-shadow:0 2px 3px #000;
  -webkit-box-shadow:0 2px 3px #000;
}
.cm_wrap #cancel-answer {
  display:inline;
  width:auto;
  padding:0.5em 0.6em;
  border-top:1px solid #282828!Important;
  box-shadow:0 0 0 1px #000;
  border:none;
  background:rgba(10,10,10,0.2);
  color:#050505;
  text-shadow:0 1px 0 #252525;
  font:bold 130% arial;
  text-align:left;
}
.cm_wrap #comment-form .heads-up {display:none;}
img.emo,input.emo-key {
  position:relative;
  cursor:pointer;
  width:auto;
  vertical-align:middle;
}
input.emo-key {
  background-color:black;
  border:none;
  font-size:12px;
  font-weight:normal;
  color:white;
  margin:0 0 0 5px;
  padding:1px;
}
.recent-comments {
  border:2px solid #2c4688;
  margin:0 0 10px;
}
.recent-comments ul,.recent-comments li {
  text-align:left;
  margin:0;
  padding:0;
  list-style:none;
  font-size:86%;
  line-height:normal;
  color:#ccc;
}
.recent-comments li {
  padding:5px 10px;
  background-color:#4861a3;
  border-bottom:1px solid #374f8a;
  position:relative;
  overflow:hidden;
}
.recent-comments li:hover,.recent-comments li:first-child {background-color:#33519d;}
.recent-comments a {color:white;}
.recent-comments a {color:white;}
.post:not([data-author]) {display:none;}
.no-js .recent-comments {display:none;}
.no-js #cm_block,.no-js #about:target {
  visibility:visible;
  display:block;
}
.no-js div:target .cm_entry,.comments .selected .cm_entry {border:2px solid yellow;}
.no-js div:target .avatar-image-container,.comments .selected .avatar-image-container {
  border:5px solid yellow;
  padding:0;
}
.hibernate-mode #comment-editor {display:none;}
.hibernate-mode .cm_head a {background-color:#555;}
.hibernate-mode .cm_entry .author-mark {border-color:transparent #3c3c3c #3c3c3c transparent;}
.comments .hibernate-mode a {color:#999;}
.hibernate-mode .cm_entry img {opacity:.4;}
.hibernate-mode .recent-comments {border:2px solid #111;}
.hibernate-mode .recent-comments li {
  background-color:#444;
  border-bottom-color:#333;
}
.hibernate-mode .recent-comments li:first-child,.hibernate-mode .recent-comments li:hover {background-color:#3c3c3c;}
.hibernate-mode .avatar-image-container.admin-avatar {background:none;}
.hiber_avatar {
  margin:0 0 3px;
  border:1px solid #3c3c3c;
  padding:4px;
  width:45px;
  height:45px;
  max-width:100%;
  max-height:100%;
  float:none;
  -webkit-box-shadow:0 1px 2px black;
  -moz-box-shadow:0 1px 2px black;
  box-shadow:0 1px 2px black;
  background-color:#666;
  -webkit-background-clip:content-box;
  -moz-background-clip:content-box;
  background-clip:content-box;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  transition:all .5s ease-out;
}
.hiber_info {
  margin:-58px 0 0 58px;
  padding:1.26em;
  border:1px solid #3c3c3c;
  background-color:#333;
  -webkit-box-shadow:0 1px 2px black;
  -moz-box-shadow:0 1px 2px black;
  box-shadow:0 1px 2px black;
  overflow:hidden;
  position:relative;
  -webkit-transition:all 1s ease-out;
  -moz-transition:all 1s ease-out;
  -ms-transition:all 1s ease-out;
  -o-transition:all 1s ease-out;
  transition:all 1s ease-out;
}
#form-farse {
  position:fixed !important;
  position:absolute;
  top:40px;
  left:-450px;
  margin:0 0 0 0;
  width:auto;
  height:auto;
  background-color:#222;
  border:10px solid #333;
  color:white;
  padding:0;
  -webkit-box-shadow:0 0 2px 1px black,0 0 10px black;
  -moz-box-shadow:0 0 2px 1px black,0 0 10px black;
  box-shadow:0 0 2px 1px black,0 0 10px black;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  z-index:1000;
}
#form-farse .close-farse {
  position:absolute;
  top:-15px;
  right:-15px;
  background:#222;
  font:bold 16px Arial,Sans-Serif;
  text-decoration:none;
  line-height:22px;
  width:22px;
  text-align:center;
  color:#fff;
  border:4px solid #333;
  -webkit-box-shadow:0 0 2px 1px black,0 0 10px black;
  -moz-box-shadow:0 0 2px 1px black,0 0 10px black;
  box-shadow:0 0 2px 1px black,0 0 10px black;
  -webkit-border-radius:22px;
  -moz-border-radius:22px;
  border-radius:22px;
  cursor:pointer;
}
.button-small {
  font-size:12px;
  text-align:center !important;
  display:inline-block!Important;
  background:rgba(0,0,0,0.18);
  box-shadow:0 0 1px 0 rgba(150,150,150,0.3);
  -webkit-box-shadow:0 0 1px 0 rgba(150,150,150,0.3);
  border:1px solid rgba(0,0,0,0.25);
  padding:3px 5px !important;
  width:auto;
  -webkit-border-radius:4em;
  border-radius:4em;
}
#alert-box {
  position:fixed !important;
  position:absolute;
  top:50px;
  right:0;
  left:0;
  z-index:9999;
  text-align:center;
}
#alert-box .message {
  text-align:left;
  color:white;
  width:370px;
  margin:0 auto;
  padding:1.2em 1.4em;
  background-color:#174A87;
  border:10px solid #0A2E58;
  -webkit-background-clip:padding-box;
  -moz-background-clip:padding-box;
  background-clip:padding-box;
  -webkit-box-shadow:0 0 2px 1px black,0 0 10px black;
  -moz-box-shadow:0 0 2px 1px black,0 0 10px black;
  box-shadow:0 0 2px 1px black,0 0 10px black;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
#alert-box .button-group {margin:1.7em 0 0;}
#alert-box button {
  border:none;
  margin:0 2px;
}
.jsfiddle-demo {
  display:block;
  width:99%;
  height:300px;
  border:2px solid #bbb;
}
